<template>
  <div>
    <h1>computed 计算属性</h1>
    <span>{{sum}}</span>
  </div>
</template>

<script>
// 计算属性是单独的一个变量，返回的是数据的计算结果，在插值表达式中显示
export default {
  data () {
    return {
      a: 1,
      b: 7
    }
  },
  computed: {
    sum () {
      return this.a + this.b
    }
  }
}
</script>

<style>
</style>